<%@ page language="java" import="java.util.*" pageEncoding="utf-8"
	isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
    String path = request.getContextPath();
			String basePath = request.getScheme() + "://"
					+ request.getServerName() + ":" + request.getServerPort()
					+ path + "/";
%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="<%=request.getContextPath()%>/css/style.css" rel="stylesheet" type="text/css" />
<link href="<%=request.getContextPath()%>/css/select.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/select-ui.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/editor/kindeditor.js"></script>

<script type="text/javascript">
    KE.show({
        id : 'content7',
        cssPath : './index.css'
    });
  </script>
  
<script type="text/javascript">
$(document).ready(function(e){
    $(".select1").uedSelect({
		width : 345			  
	});
	$(".select2").uedSelect({
		width : 167  
	});
	$(".select3").uedSelect({
		width : 100
	});
});

</script>
<script type="text/javascript">
$(document).ready(function(){
  $(".click").click(function(){
 	 $(".tip").fadeIn(200);
  });
  
  $(".cancel").click(function(){
	  $(".tip").fadeOut(100);
	  $(".butongguo").fadeOut(100);
  });
});
</script>
<style type="text/css">
	label{
		font-size:13;
	}
.sb{
	display: inline-block;
    font-size: 16px;
    height: 40px;
   width: 118px;
}
.sbd{
	display: inline-block;
    width: 13%;
}
</style>
</head>

<body>

	<div class="place">
    <span>位置：</span>
    <ul class="placeul">
    <li><e>首页</e></li>
    <li><e>内容管理</e></li>
    <li><e>投诉管理</e></li>
    <li><e>投诉详情</e></li>
    </ul>
    </div>
    
    <div class="formbody">
    
    
    <div id="usual1" class="usual"> 
    
    <div class="itab">
  	<ul> 
    <li><a href="#tab1" class="selected" style="font-size:15">投诉详情</a></li> 
    
  	</ul>
    </div> 
    
  	<div id="tab1" class="tabson">
    <ul class="forminfo">
    <li><span class="sb">订单编号：</span>${map.order_id}</li>
    <li><span class="sb">投诉人：</span>${map.username}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ID:&nbsp;${map.user_id}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;手机号：&nbsp;${map.mobile}</li>
    <li><span class="sb">投诉内容：</span> ${map.content}</li>
    <li><span class="sb">投诉图片：</span><c:forEach var="data" items="${list}"><img src="${data.picture }" height="120px" width="120px"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</c:forEach></li>
    <li><span class="sb">提交时间：</span>${list.size()>0 ? list[0].create_time:''}</li>
    <li><span class="sb">投诉对象：</span> ${map.appeal_username}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ID:&nbsp;${map.asappeal_id}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;手机号：&nbsp;${map.appeal_mobile}</li>
    <li><span class="sb">申诉内容：</span>${map.appeal_content}</li>
    <li><span class="sb">申诉图片：</span> <c:forEach var="data1" items="${list2}"><img src="${data1.picture }" height="120px" width="120px"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</c:forEach></li>
     <li><span class="sb">提交时间：</span>${list2.size()>0 ? list2[0].create_time:''}</li>
    <li>
    		<div style="margin-left:110px;" class="tipbtn">
    			<c:if test="${acceptance==0}">
				<input name="tongguo" type="button"  class="sure" onclick="show()" value="受理"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				</c:if>
				<input name="quxiao" type="button" onclick="cannel()" class="sure" value="取消" />
			</div>
    </li>
    </ul>
<!--     <input style="margin:-65px 0 0 55px;" name="fanhui"type="button"  class="sure" value="返回"/> -->
    </div> 
    	<div id="s" style="position:absolute;display:none; left:50%;top:50%;width:550px;height:350px;margin-left:-275px;margin-top:-175px;z-index:10;border:2px solid #ccc;background-color:#fff;">
    		<h4 style="font-size: 16px;background: #ccc;height: 40px;line-height: 40px;text-indent: 1.5em;">受理反馈</h4>
    		<div style="margin-bottom: 20px;">
    			<label style="display: inline-block;width: 75px;margin-left: 47px;">无责任方:</label>
    			<span style="display: inline-block;margin-top: 25px;"><input type="radio" name="radio"  style="vertical-align: bottom;margin-right: 5px;" value="1"/><b>需求方</b></span>
    			<span style="display: inline-block;margin-top: 25px;"><input type="radio" name="radio" style="vertical-align: bottom;margin-right: 5px;" value="0" /><b>服务方</b></span>
    		</div>
    		<div style="overflow:hidden">
    			<label style="float: left;width: 75px;margin-left: 47px;">反馈内容:</label>
    			<textarea style="width: 375px;height: 130px;border: 1px solid #ccc;float: left;resize:none;" id="connet"></textarea>
    		</div>
    		<div style="text-align: center;margin-top: 30px;">
    			<a style="border: 1px solid #ccc;padding: 8px 20px;border-radius: 5px;margin-right: 10px;display: inline-block;" onclick="quxiao()">取消</a>
    			<a style="border: 1px solid #ccc;padding: 8px 20px;border-radius: 5px;margin-right: 10px;display: inline-block;" onclick="save()">确定</a>
    		</div>
    	</div>
  </div>
     	<div class="tip">
		<div class="tiptop">
			<span>提示信息</span>
		</div>
		<div class="tipinfo">
			<span><img src="<%=request.getContextPath()%>/images/ticon.png" /></span>
			<div class="tipright">
				<p>受理成功!</p>
				<cite>点击确定返回投诉列表 。</cite>
			</div>
		</div>
		<div class="tipbtn">
			<input name="" type="button" class="sure" onclick="cannel()"  value="确定"/>&nbsp;<input name="" type="button" class="cancel" value="取消" />
		</div>
	</div>
  	<script type="text/javascript">

		var flag = true,//状态true为正常的状态,false为放大的状态
        imgH,//图片的高度
        imgW,//图片的宽度
        img = document.getElementsByTagName('img')[0];//图片元素
	img.onclick =  function(){
   //图片点击事件
    imgH = img.height; //获取图片的高度
    imgW = img.width; //获取图片的宽度
    if(flag){
        //图片为正常状态,设置图片宽高为现在宽高的2倍
        flag = false;//把状态设为放大状态
        img.height = imgH*4.5;
        img.width = imgW*4.5;
    }else{
        //图片为放大状态,设置图片宽高为现在宽高的二分之一
        flag = true;//把状态设为正常状态
        img.height = imgH/4.5;
        img.width = imgW/4.5;
    }

	}
  	
        
	var flag1 = true,//状态true为正常的状态,false为放大的状态
    img1H,//图片的高度
    img1W,//图片的宽度
    img1 = document.getElementsByTagName('img')[1];//图片元素
img1.onclick =  function(){
//图片点击事件
img1H = img1.height; //获取图片的高度
img1W = img1.width; //获取图片的宽度
if(flag1){
    //图片为正常状态,设置图片宽高为现在宽高的2倍
    flag1 = false;//把状态设为放大状态
    img1.height = img1H*4.5;
    img1.width = img1W*4.5;
}else{
    //图片为放大状态,设置图片宽高为现在宽高的二分之一
    flag1 = true;//把状态设为正常状态
    img1.height = img1H/4.5;
    img1.width = img1W/4.5;
}

}
        
        
var flag2 = true,//状态true为正常的状态,false为放大的状态
img2H,//图片的高度
img2W,//图片的宽度
img2 = document.getElementsByTagName('img')[2];//图片元素
img2.onclick =  function(){
//图片点击事件
img2H = img2.height; //获取图片的高度
img2W = img2.width; //获取图片的宽度
if(flag2){
//图片为正常状态,设置图片宽高为现在宽高的2倍
flag2 = false;//把状态设为放大状态
img2.height = img2H*4.5;
img2.width = img2W*4.5;
}else{
//图片为放大状态,设置图片宽高为现在宽高的二分之一
flag2 = true;//把状态设为正常状态
img2.height = img2H/4.5;
img2.width = img2W/4.5;
}

}    
        
        
        
var flag3 = true,//状态true为正常的状态,false为放大的状态
img3H,//图片的高度
img3W,//图片的宽度
img3 = document.getElementsByTagName('img')[3];//图片元素
img3.onclick =  function(){
//图片点击事件
img3H = img3.height; //获取图片的高度
img3W = img3.width; //获取图片的宽度
if(flag3){
//图片为正常状态,设置图片宽高为现在宽高的3倍
flag3 = false;//把状态设为放大状态
img3.height = img3H*4.5;
img3.width = img3W*4.5;
}else{
//图片为放大状态,设置图片宽高为现在宽高的二分之一
flag3 = true;//把状态设为正常状态
img3.height = img3H/4.5;
img3.width = img3W/4.5;
}

}    
        
var flag4 = true,//状态true为正常的状态,false为放大的状态
img4H,//图片的高度
img4W,//图片的宽度
img4 = document.getElementsByTagName('img')[4];//图片元素
img4.onclick =  function(){
//图片点击事件
img4H = img4.height; //获取图片的高度
img4W = img4.width; //获取图片的宽度
if(flag4){
//图片为正常状态,设置图片宽高为现在宽高的4倍
flag4 = false;//把状态设为放大状态
img4.height = img4H*4.5;
img4.width = img4W*4.5;
}else{
//图片为放大状态,设置图片宽高为现在宽高的二分之一
flag4 = true;//把状态设为正常状态
img4.height = img4H/4.5;
img4.width = img4W/4.5;
}

}        
        
var flag5 = true,//状态true为正常的状态,false为放大的状态
img5H,//图片的高度
img5W,//图片的宽度
img5 = document.getElementsByTagName('img')[5];//图片元素
img5.onclick =  function(){
//图片点击事件
img5H = img5.height; //获取图片的高度
img5W = img5.width; //获取图片的宽度
if(flag5){
//图片为正常状态,设置图片宽高为现在宽高的5倍
flag5 = false;//把状态设为放大状态
img5.height = img5H*4.5;
img5.width = img5W*4.5;
}else{
//图片为放大状态,设置图片宽高为现在宽高的二分之一
flag5 = true;//把状态设为正常状态
img5.height = img5H/4.5;
img5.width = img5W/4.5;
}

}        
        
var flag6 = true,//状态true为正常的状态,false为放大的状态
img6H,//图片的高度
img6W,//图片的宽度
img6 = document.getElementsByTagName('img')[6];//图片元素
img6.onclick =  function(){
//图片点击事件
img6H = img6.height; //获取图片的高度
img6W = img6.width; //获取图片的宽度
if(flag6){
//图片为正常状态,设置图片宽高为现在宽高的5倍
flag6 = false;//把状态设为放大状态
img6.height = img6H*4.5;
img6.width = img6W*4.5;
}else{
//图片为放大状态,设置图片宽高为现在宽高的二分之一
flag6 = true;//把状态设为正常状态
img6.height = img6H/4.5;
img6.width = img6W/4.5;
}

}   
        
        
        
        
        
		function cannel(){
  		 window.location.href="<%=request.getContextPath()%>/selectComplaintList" ;
  	}
  	function show(){
 		 $("#s").show();
 	}
	function quxiao(){
		 $("#s").hide();
	}
	function save(){
		var list= $('input:radio[name="radio"]:checked').val();
		if(list!=""){
			var id="";
			var type="";
			if(list=='1'){
				id=' ${map.appea_id}';
				type='1';
			}
			if(list=='0'){
				id=' ${map.id}';
				type='0';
			}
			if($("#connet").val()!=''){
				$.ajax({
   	   				type:"post",
   	   				url:"<%=request.getContextPath()%>/updateComplaint", 
   	   				data:{
   	   				acceptance_content:$("#connet").val(),
	   	   			id:id,
	   	   			type:type,
	   	   			orderId:'${map.order_id}'
   	   				},
   	   				dataType:"json",
   	   				success:function(data){
   	   					var flag = data.flag;
   	   					if(flag == 1){
   	   						$(".tip").fadeIn(200);
   	   					}else if(flag == 3){
   	   						$(".tip1").fadeIn(200);
   	   					}
   	   				}
   				})
			}else{
				alert("反馈不能为空");	
			}
		}else{
			alert("请选择需求方和服务方");
		}
	}
    </script>
</body>
</html>
